@import "_images.scss";
@import "_bg.scss";
$marCenter:0 auto;
$marT:margin-top;
$marB:margin-bottom;
$fz:font-size;
body{
    position: relative;
}
.wrap{
    width: 6.40rem;
    height:11.35rem;
   background:url("../images/share/shareBg.jpg") no-repeat;
   position: relative;
   background-size: 100% 100%;
   .touxiang{
       width:1.76rem;
       height: 1.76rem;;
       border-radius:50%;
       background-color: #fff;
       margin:$marCenter;
      #{$marT}:.36rem;
      #{$marB}:.12rem;      
   }
   h3{
      #{$fz}:.29rem;
      letter-spacing: .09rem;
      height: .29rem;
      line-height: .29rem;
      color: #fff; 
   margin-bottom: .25rem;
   font-weight: normal;
      span{
          color: #fff000;
      }
   }
   .question{
       margin-left: .38rem;
       #{$marT}:.91rem;
       h4{
          #{$fz}: .25rem;
           color: #d5d5d5;
           line-height: .375rem;
           text-align: left;
           font-weight: normal;
           
       }
   }
   .pingjia{
       width: 6.40rem;
       height: 2.02rem;
       position: relative;
       margin-bottom:.65rem;
       .icon{
           position: absolute;
           height: .57rem;
           line-height: .57rem;
           border-radius: .27rem;
        }
       .icon1{
           font-size: .29rem;
           color: #2f3400;
           background-color: #bccbd9;
           width: 1.67rem;
           top:-.03rem;
           right: .84rem;
       }
       .icon2{
        font-size: .25rem;
        color: #2f3400;
        background-color: #5b707a;
        width: 1.34rem; 
        top:.67rem;
        left: .77rem;
       }
       .icon3{
        font-size: .29rem;
        color: #2f3400;
        background-color: #a1af5e;
        width: 1.80rem; 
        top:1.05rem;
        left: 2.22rem;
       }
       .icon4{
        font-size: .29rem;
        color: #2f3400;
        background-color: #c3c126;
        width: 1.90rem; 
        top:1.84rem;
       right: .60rem;
       }
   }
   .pinglun{
       h3{
           color:#d5d5d5;
           font-size: .25rem;
           height: .25rem;
           line-height: .25rem;
           font-weight: lighter;
           letter-spacing: 0rem;
           margin-bottom: .18rem;
       }
       input[type="button"]{
           background-color: #deff00;
           font-size: .25rem;
           color:#384000;
           box-shadow: .03rem .03rem .03rem .03rem #4e580e;
           width:1.38rem;
           height: .47rem;
           margin-top:.19rem;
           margin-right: .54rem;
           border-radius: .08rem
       }
       input[type="text"]{
           width:4.93rem;
           height: .71rem;
           display: block;
           margin: 0 auto;
           background-color: transparent;
           border-radius: 2px;
           border:2px solid #fff;
           margin-top:.19rem;
       }
   }
}
.zhezhao{
    width: 6.40rem;
    height: 11.35rem;
    background-color:rgba(2,2,1,.9);
    position: absolute;
    top:0;
    text-align: center;
    img{
        margin:2.84rem 0 .43rem;
        width: 1.68rem;
        height: 1.66rem;
        
    }
    h3{
        color:#fff;
        font-size: .375rem;
        font-weight: normal;
        letter-spacing: .03rem;
        
    }

}